<template>
	<div>
	    <!--客服介入详情弹框-->
		<van-popup
		  v-model="show"
		  position="right"
		  :style="{ height: '100%',width:'100%'}"
		  :overlay="false"
		  class="popup"
		>   		
	       <div class="header">
	       	 <span>发放奖金</span>
	       </div>
	       <div class="body">
               <div class="ul">
               	  <div class="li">
               	  	 <div class="left">
               	  	 	<span class="word1">奖金：</span>
               	  	 	<span class="word2">200.00元</span>
               	  	 </div>
               	  	 <div class="center">
               	  	 	<div>奖金周期：04/02~05/02</div>
               	  	 	<div style="margin-top: 30px;">奖金比例：销售额的10%</div>
               	  	 </div>
               	  	 <div class="right">
               	  	 	<span class="word3">已发放</span>
               	  	 </div>
               	  </div>
               	  
               	  <div class="li">
               	  	 <div class="left">
               	  	 	<span class="word1">奖金：</span>
               	  	 	<span class="word2">200.00元</span>
               	  	 </div>
               	  	 <div class="center">
               	  	 	<div>奖金周期：04/02~05/02</div>
               	  	 	<div style="margin-top: 30px;">奖金比例：销售额的10%</div>
               	  	 </div>
               	  	 <div class="right">
               	  	 	<span class="word4">进行中</span>
               	  	 </div>
               	  </div>        


               	  
               	  <div class="li">
               	  	 <div class="left">
               	  	 	<span class="word1">奖金：</span>
               	  	 	<span class="word2">200.00元</span>
               	  	 </div>
               	  	 <div class="center">
               	  	 	<div>奖金周期：04/02~05/02</div>
               	  	 	<div style="margin-top: 30px;">奖金比例：销售额的10%</div>
               	  	 </div>
               	  	 <div class="right">
               	  	 	<div class="right_btn">发放</div>
               	  	 </div>
               	  </div>  

               </div>
	       </div>
	       <div class="footer">
	       	 <van-button color="#fff" block @click="show=false"><span style="font-size: 16px;" >关闭</span></van-button>
	       	 <van-button color="#FFD630" block @click="showConfirm"><span style="font-size: 16px;">全部发放</span></van-button>
	       </div>	    	    	       	       
	    </van-popup>	
	    <confirm ref="confirm" @queryConfirm="queryConfirm" :title="confirmTitle"></confirm>  
	</div>	
</template>

<script>
import confirm from '_c/market/confirm2.vue'
import '@/assets/reset/floor63.css'	
import {getFun} from '@/api/publicFun.js'	 
let publicFun=getFun()	
export default {	
	data() {
       return {
         show:false,
         search:'',
         confirmTitle:'将手机尾号 2474 的用户 jzyxxx 添加为合伙人？'
       }
	},
	components: {
	    confirm
	},		
	methods: {	
       showWin(){
       	 this.show=true
       },
       showConfirm(){
         this.$refs.confirm.showWin()
       },
       // 确认添加合伙人
       queryConfirm(){
       	
       }
	},
	mixins:[publicFun],//混入		
	mounted() {
	}
}	
</script>

<style scoped="" lang="scss">
*{box-sizing: border-box;}
.popup{display: flex;flex-direction: column;
 .header{height: 44px;font-size: 16px;display: flex;align-items: center;justify-content: center;}
 .body{flex: 1;overflow: scroll;
    .ul{padding: 0 15px;
       .li{padding: 20px 0;display: flex;align-items: center;justify-content: space-between;
         .word1{font-size: 14px;}
         .word2{font-size: 14px;color: #F22613;}
         .word3{color: #FB713B;font-size: 14px;}
         .word4{color: #10B992;}
         .center{flex: 1;margin-left: 20px;}
         .right_btn{background: #FFD630;padding: 6px 12px;border-radius: 3px;}
       }
    }
 }
 .footer{height: auto;display: flex;}
}
</style>